In the previous step, you created a WinRT-style application with a C1DateTimePicker control. In this step, you will modify the appearance of the control.
Complete the following steps:
- Add
Height="60" to the <DateTimeEditors:C1DateTimePicker/> tag to determine height of the control. The XAML markup appears as follows:
| C# |
Copy Code
|
<DateTimeEditors:C1DateTimePicker Height="60"/>
|
- Add
Width="450" to the <DateTimeEditors:C1DateTimePicker/> tag to determine the width of the control. The XAML markup appears as follows:
| Markup |
Copy Code
|
<DateTimeEditors:C1DateTimePicker Height="60" Width="450"/>
|
- Add
TimeFormat="ShortTime" to the <DateTimeEditors:C1DateTimePicker/> tag to change the format of the time to a short format consisting of only hours and minute spaces. The XAML markup appears as follows:
| Markup |
Copy Code
|
<DateTimeEditors:C1DateTimePicker Height="60" Width="450" TimeFormat="ShortTime"/>
|
- Add
DateFormat="Long" to the <DateTimeEditors:C1DateTimePicker/> tag to change the format of the date to a longer format that includes the weekday. The XAML markup appears as follows:
| Markup |
Copy Code
|
<DateTimeEditors:C1DateTimePicker Height="60" Width="450" TimeFormat="ShortTime" DateFormat="Long"/>
|
- Add FirstDayOfWeek="Wednesday" to the <DateTimeEditors:C1DateTimePicker/
> tag; this will change the first day of the drop-down calendar's week to Wednesday. The XAML markup appears as follows:
| Markup |
Copy Code
|
<DateTimeEditors:C1DateTimePicker Height="60" Width="450" TimeFormat="ShortTime" DateFormat="Long" FirstDayOfWeek="Wednesday"/>
|
In this step, you customized the appearance of the C1DateTimePicker control. In the next step, you will run the project and experience the functionality of the control.
See Also